<!DOCTYPE html>

<html>
    <head>
        <title>#{get 'title' /}</title>
        <meta charset="UTF-8">
        <link rel="stylesheet" media="screen" href="@{'/public/stylesheets/main.css'}"/>
        #{get 'moreStyles' /}
        <link rel="shortcut icon" type="image/png" href="@{'/public/images/favicon.png'}"/>
        <script src="@{'/public/javascripts/jquery-1.5.2.min.js'}" type="text/javascript" charset="${_response_encoding}"></script>
        #{get 'moreScripts' /}
        
        
        <link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/style.css'}" media="screen" />
		<script type="text/javascript" src="@{'/public/javascripts/jquery-ui-1.5.3.min.js'}" ></script>
		<script type="text/javascript" src="@{'/public/javascripts/hoverintent.js'}"></script>
		<script type="text/javascript" src="@{'/public/javascripts/superfish.js'}"></script>
		<script type="text/javascript" src="@{'/public/javascripts/custom.js'}"></script>
		<!-- tabs-categories -->
		<script type="text/javascript" src="@{'/public/javascripts/tabs-hoverintent.js'}"></script>
		<script type="text/javascript" src="@{'/public/javascripts/tabs-superfish.js'}"></script>
		<script type="text/javascript" src="@{'/public/javascripts/tabs.js'}"></script>
		<link rel="stylesheet" href="@{'/public/stylesheets/tabs.css'}" type="text/css" media="screen" />
		<!-- Start Of Script Generated By WP-PageNavi 2.40 -->
		<link rel="stylesheet" href="@{'/public/stylesheets/pagenavi-css.css'}" type="text/css" media="screen" />
		<!-- End Of Script Generated By WP-PageNavi 2.40 -->
    </head>
    <body>
    
    	
<div id="page">
  <!--header-->
  <div id="header">
    <!-- logo-->
    <div class="logo">
      <h1><a href="/">NhieuChuyen.Net</a></h1>
      <h2 style="margin-top: -10px;">Hãy Nói Theo Cách Của Bạn</h2>
    </div>
    <!-- /logo-->
   		 #{if user}
   		 <div id="userLoggin">
                You're logged as ${user}, <a href="@{Application.logout()}">Logout</a>
                <div class="profile">
                	<ul>
	                	<li><a href="#">Profile</a></li>
	                	<li><a href="#">Mail</a></li>
	                	<li><a href="#">Manager</a></li>
       				</ul>
                </div>
           </div>
    	#{/if}
    	<!-- #{else}
    	<div id="user">
    		<a href="@{Application.login()}" class="big"><img src="@{'/public/images/login.jpeg'}" width="150px" alt="picture"/>
            <h2 style="margin-top: -25px;">Login with Gmail</h2></a>
        </div>
    	#{/else} -->
    	
    <!--/searchform -->
    <div class="clr"></div>
     <!--topnav menu-->
    <div class="topnav">
      <ul>
        <li class="current_page_item"><a href="/" title="Demo 2 Blog">Home</a></li>
       #{list items: categories, as:'category'}
				<li class="page_item"><a href="/xem-chu-de/${category?.alias}" title="About">${category?.name}</a></li>
			#{/list}
      </ul>
      <!--  <form method="get" id="searchform" action="">
      	<fieldset id="search">
	        <span>
	        <input type="text" value="Tìm Kiếm..." onclick="this.value='';" name="s" id="s" />
	        <input name="searchsubmit" type="image" src="@{'/public/images/search.gif'}" value="Go" id="searchsubmit" class="btn"  />
	        </span>
      	</fieldset>
      </form>-->
      <div class="clr"></div>
    </div>
    <!--/topnav -->
  </div>
  <!--/header-->
  <div id="columns">
    <img src="@{'/public/images/404.jpg'}" />   
    <div class="clr"></div>
  </div>
  <!--/columns -->
  <div id="footer">
    <div class="text">&copy; Copyright <a href="http://hcp.vn">HCP Technology</a></div>
    <div class="text2"> <img src="@{'/public/images/follow_1.gif'}" alt="img" width="16" height="16" /> <img src="@{'/public/images/follow_2.gif'}" alt="img" width="16" height="16" /> <img src="@{'/public/images/follow_3.gif'}" alt="img" width="16" height="16" /> <img src="@{'/public/images/follow_4.gif'}" alt="img" width="16" height="16" /> <img src="@{'/public/images/follow_5.gif'}" alt="img" width="16" height="16" /> </div>
  </div>
  <div class="clr"></div>
</div>
</body>
</html>

